<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单详情</title>
    <!--<link rel="stylesheet" href="__ADMIN__/ace/css/ace.min.css" />-->
    <!--<link rel="stylesheet" href="__ADMIN__/ace/css/ace-rtl.min.css" />-->
    <!--<link rel="stylesheet" href="__ADMIN__/ace/css/ace-skins.min.css" />-->
    <!--<link href="__ADMIN__/ace/css/bootstrap.min.css" rel="stylesheet" />-->
    <!--<link rel="stylesheet" href="__ADMIN__/ace/css/font-awesome.min.css" />-->
    <!--<link rel="stylesheet" href="__ADMIN__/ace/css/ui.jqgrid.css" />-->

    <link rel="stylesheet" href="__ADMINCSS__/invoice-index.css">
    <style>
        .ui-icon-seek-next::before{
            content:">";
        }
        .ui-icon-seek-prev::before{
            content:"<";
        }
        .ui-icon-seek-first::before{
            content:"<<";
        }
        .ui-icon-seek-end::before{
            content:">>";
        }


    </style>

    <style media="print" type="text/css">
        .noprint{visibility:hidden}
    </style>
</head>
<body>
<div class="container-invoice">
    <!-- logo、店名、单号 -->
    <div class="header">
        <div class="logo">
            <img src="__ADMINIMG__/logo.jpg" alt="">
        </div>
        <div class="shop">
            <ul>
                <li>10min #{$branch.num}</li>
                <li>{$branch.address1}</li>
                <li>{$branch.address2}</li>
                <li>{$branch.phone}</li>
            </ul>
        </div>
        <div class="invoice">
            <div class="invoice-content">
                <div class="invoice-content-item">
                    <div>日期</div>
                    <div>{$work.date}</div>
                </div>
                <div class="invoice-content-item">
                    <div>订单号</div>
                    <div>{$work.num}</div>
                </div>
                <div class="invoice-content-item">
                    <div>接待/收银</div>
                    <div>{$work.reception_name}</div>
                </div>
                <div class="invoice-content-item">
                    <div>维修技师</div>
                    <div>{$work.repairman_name}</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 客户信息、车辆信息 -->
    <div class="info">
        <div class="info-cus">
            <h2>客户信息-Customer Information</h2>
            <div class="buttons noprint">
                <span class="fa fa-check-square-o" onclick="invoiceModal.chooseClient();"></span>
                <span class="fa fa-plus-square-o" onclick="invoiceModal.addClient();"></span>
            </div>
            <ul class="info-cus-hook">
                <li>姓名：{$work.client.name}</li>
                <li>地址：{$work.client.address}</li>
                <li>电话：{$work.client.phone}</li>
            </ul>
        </div>
        <div class="info-vehicle">
            <h2>车辆信息-Vehicle Information</h2>
            <div class="buttons noprint">
                <span class="fa fa-check-square-o" onclick="invoiceModal.chooseCar();"></span>
                <span class="fa fa-plus-square-o" onclick="invoiceModal.addCar();"></span>
            </div>
            <ul class="info-vehicle-hook">
                <li><span>车牌号：</span>{$work.car.car_num}</li>
                <li><span>&nbsp;&nbsp;&nbsp;车型：</span>{$work.car.car_type}</li>
                <li><span>公里数：</span>{$work.mileage}</li>
                <li><span>车架号：</span>{$work.car.vin}</li>
            </ul>
        </div>
    </div>

    <!-- 俱乐部、服务历史 -->
    <div class="fleets">
        <div class="fleets-cus">
            <h2>车辆俱乐部-Fleets</h2>
            <ul>
                <li>{$work.car.vip}类会员</li>
            </ul>
            <div class="agreed">
                我同意将个人信息显示在此单据上！
            </div>
        </div>
        <div class="fleets-vehicle">
            <h2>服务历史-Service History</h2>
            <div class="line"></div>
            <div class="line"></div>
            <div class="content">
                <div class="content-item">
                    <div>日期</div>
                    <div>公里数</div>
                    <div>服务项目</div>
                </div>
                {volist name="serverHistory" id="sh"}
                <div class="content-item">
                    <div>{$sh.date | substr=0,10}</div>
                    <div>{$sh.mileage}</div>
                    <div>{$sh.serverItem | mb_substr=0,14,'utf-8'}</div>
                </div>
                {/volist}
                <!--<div class="content-item">
                    <div>2015-08-04</div>
                    <div>134622</div>
                    <div>机油、机滤、空滤</div>
                </div>
                <div class="content-item">
                    <div>2015-08-04</div>
                    <div>134622</div>
                    <div>机油、机滤、空滤</div>
                </div>
                <div class="content-item">
                    <div>2015-08-04</div>
                    <div>134622</div>
                    <div>机油、机滤、空滤</div>
                </div>-->
            </div>
        </div>
    </div>
    <!-- 检查项目、保养条目 -->
    <div class="check">
        <div class="check-check">
            <h2>检查项目-Courtesy Check</h2>
            <div class="content">
                <div class="content-item">
                    <div>项目</div>
                    <div>结果</div>
                </div>
                {volist name="checks" id="c"}
                <div class="content-item">
                    <div>{$key}</div>
                    <div>{$c}</div>
                </div>
                {/volist}
                <!--<div class="content-item">
                    <div>底盘悬挂</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>防冻液</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>刹车液</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>机械皮带</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>电瓶</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>刹车片</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>轮胎压力</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>转向助力</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>漏油情况</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>雨刷器</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>轮胎</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>雨刷液</div>
                    <div>OK</div>
                </div>
                <div class="content-item">
                    <div>车辆灯光</div>
                    <div>OK</div>
                </div>-->
            </div>
            <div class="check-comments">
                <h2>服务建议-Service Recomments</h2>
                <ul>
                    <li>{$work.propose}</li>
                </ul>
            </div>
        </div>
        <div class="check-service">
            <div class="check-head">
                <div><h2>服务项目-Service Description</h2></div>
                <div><h2>数量-QTY</h2></div>
                <div><h2>价钱-Price</h2></div>
            </div>
            <div class="content">
                {volist name="server" id="s"}
                <div class="content-item">
                    <div>{$s.name}</div>
                    <div>{$s.num}</div>
                    <div>{$s.price}</div>
                </div>
                {/volist}
                <!--<div class="content-item">
                    <div>标准包</div>
                    <div>1</div>
                    <div>60</div>
                </div>
                <div class="content-item">
                    <div>标准包</div>
                    <div>1</div>
                    <div>60</div>
                </div>-->
            </div>
            <!-- 小计 -->
            <div class="summary">
                <div class="content">
                    <div class="content-item">
                        <div>小计</div>
                        <div class="summary-price">￥{$work.sale}</div>
                    </div>
                    <!-- <div class="content-item">
                        <div>折后</div>
                        <div class="summary-price">￥{$work.sale_discount}</div>
                    </div> -->
                    <div class="content-item">
                        <div>税费</div>
                        <div>{$work.tax}</div>
                    </div>
                    <div class="content-item total">
                        <div class="">总计</div>
                        <div class="summary-price">￥{$work.total}</div>
                    </div>
                    <div class="content-item">
                        <div class="">付款方式</div>
                        <!-- <div class="summary-price">{$work.pay_type}&nbsp;/&nbsp;{if $work.pay_result==1}已结{else}未结{/if}</div> -->
                        <div class="summary-price">{$work.pay_type}</div>
                    </div>
                    <div class="content-item">
                        <div class="">会员余额</div>
                        <div class="summary-price">&yen;&nbsp;{$work.car.moneyleft}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 提示消息 -->
    <div class="message">
        <h2>提示消息-Messages</h2>
        <ul>
            <li>{$work.care}</li>
        </ul>
    </div>
    <!-- 底部信息 -->
    <div class="footer">
        <div class="doublechk">
            <h3>售后保单：</h3>
            <ul>
                <li>{$work.cover}</li>
                <li style="">客户签字：____________</li>
            </ul>
            <!--<div class="doublechk-item">
                <ul>
                    <li>油盘排水塞</li>
                    <li>机滤</li>
                    <li>火花塞归位</li>
                </ul>
                <ul>
                    <li>油盘排水塞</li>
                    <li>机滤</li>
                    <li>火花塞归位</li>
                </ul>
                <ul>
                    <li>油盘排水塞</li>
                    <li>机滤</li>
                    <li>火花塞归位</li>
                </ul>
            </div>-->
        </div>
        <div class="qrcode">
            <div class="qr"><img src="__ADMINIMG__/qrcode.png" alt=""></div>
            <div class="talk">
                <div class="chkpic"></div>
                您述说
            </div>
            <div class="listen">
                <div class="chkpic"></div>
                我聆听
            </div>
            <div class="win">
                <div class="chkpic"></div>
                您满意
            </div>
            <div class="des">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请关注我们的微信服务号和官网，了解更多产品和服务，告诉我们您的需求与建议，我们会已最快速度满足和解决您的要求，您的建议是我们进步的动力。投诉建议热线0391-3385559。 河南十分钟汽车服务有限公司宣
            </div>
            <div class="link">
                24小时预约救援电话：<br>
                {$branch.phone}
            </div>
        </div>
    </div>
</div>

<div class="showModal"></div>

<!--<script src="__ADMIN__/ace/js\jquery-2.0.3.min.js"></script>-->
<!--<script src="__ADMIN__/ace/js/bootstrap.min.js"></script>-->
<!--<script src="__ADMIN__/ace/js/jqGrid/i18n/grid.locale-cn.js"></script>-->
<!--<script src="__ADMIN__/ace/js/jqGrid/jquery.jqGrid.min.js"></script>-->
<!--<script src="__ADMIN__/js/ittaoli.js"></script>-->

<!--<script>-->
  <!--invoiceModal={-->
    <!--clientId:0,-->
    <!--carNum:'',-->
    <!--//打开添加客户信息窗口-->
    <!--addClient:function(){-->
      <!--$.post("{:url('addClient')}",{},function(data){-->
        <!--$('.showModal').html(data);-->
        <!--$('#clientModal').modal();-->
      <!--},'html');-->
    <!--},-->
    <!--//打开选择客户信息窗口-->
    <!--chooseClient:function(){-->
      <!--$.post("{:url('chooseClient')}",function(data){-->
        <!--$('.showModal').html(data);-->
        <!--$('#clientModal').modal();-->
      <!--})-->
    <!--},-->
    <!--//打开添加车辆信息页面-->
    <!--addCar:function(){-->
      <!--$.post("{:url('addCar')}",{},function(data){-->
        <!--$('.showModal').html(data);-->
        <!--$('#carModal').modal();-->
      <!--},'html');-->
    <!--},-->
    <!--//打开选择客户信息窗口-->
    <!--chooseCar:function(){-->
      <!--$.post("{:url('chooseCar')}",function(data){-->
        <!--$('.showModal').html(data);-->
        <!--$('#carModal').modal();-->
      <!--})-->
    <!--},-->
  <!--}-->
<!--</script>-->
</body>
</html>
